<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>章节列表</title>
        <link rel="stylesheet" type="text/css" th:href="@{/static/layui/css/layui.css}"/>
        <link rel="stylesheet" type="text/css" href="/static/css/part1.css" th:href="@{/static/css/part1.css}"/>
        <link rel="stylesheet" type="text/css" href="/static/css/list.css" th:href="@{/static/css/list.css}">
    </head>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
    </style>
    <body>
        <div class="wrap">
        <div class="part1" th:replace="~{index/index::part1}">
        </div>
        <div class="h10-blank"></div>
        <!-- 1.	书库头部广告位 -->
        <div class="h20-blank"></div>
        <div class="h15-blank"></div>
        <!-- 目录页开始 -->
        <div class="part2">
            <div class="container">
                <div  class="book-meta">
                    <h1 th:text="${fiction.bookName}"></h1>
                    <p>
                        <span><i>作者：</i><a href="" th:text="${fiction.author}" target="_blank"></a></span>
                        <span>更新时间：<i th:text="${fiction.createDate}"></i></span>
                        <span>最新章节：<i th:text="${fiction.newest}"></i></span>
                    </p>
                </div>
                <div>
                    <div class="section_title clearfix">
                    </div>
                    <div class="volume ">
                        <em class="v-line"></em>小说章节<em class="count" th:text="'共'+${list.size()}+'章'">共92章<i>·</i></em>
                    </div>
                    <div class="volume-list">
                        <div>
                            <ul  class="chapter-list clearfix">
                                <li th:each="item : ${list}" class="col-4">
                                    <a  th:text="${item.chapterTitle}"
                                        th:href="|/${midPath}/read/${item.fictionId}/${item.sort}|" target="_blank"
                                        th:alt-title="${fiction.bookName}+'更新时间：'+${#dates.format(item.createDate, 'yyyy-MM-dd HH:mm')}">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer">
        </div>
        <div class="footer" id="my-ft">
            <div class="copyright">
                <div class="links"><a href="" target="_blank">关于纵横</a>|
                    <a href="" target="_blank">诚聘英才</a>|
                    <a href="" target="_blank">商务合作</a>|
                    <a href="" target="_blank">法律声明</a>|
                    <a href="" target="_blank">帮助中心</a>|
                    <a href="" target="_blank">作者投稿</a>|
                    <a href="" target="_blank">联系我们</a>|
                    <a href="" target="_blank">友情链接</a>|
                    <a href="" target="_blank">谨防诈骗</a>|
                    <a href="" target="_blank">网站地图</a></div>
                <p>
                    <a href="" target="_blank">新出发京零字第朝130010号</a> 丨
                    统一社会信用代码91110105678221683F 丨
                    <a href="" target="_blank">京公网安备
                        11010502030124号</a> 丨
                    <a href="" target="_blank">公安部网络违法犯罪举报网站</a>
                </p>
                <p><a href="" target="_blank">纵横小说网</a>,提供<a
                        href="" target="_blank">玄幻小说</a>,<a href=""
                                                            target="_blank">都市小说</a>,<a
                        href="">言情小说</a>等<a
                        href="" target="_blank">免费小说</a>阅读。作者发布小说作品时，请遵守国家互联网信息管理办法规定。
                </p>
                <p>本站所收录小说作品、社区话题、书库评论均属其个人行为，不代表本站立场。</p>
            </div>
        </div>
    </div>
    </body>
</html>